

<style>



.light_box {
    display: none;
    left: 0;
    position: absolute ;
    top: 0;
    z-index: 10000;
}



.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.lb_wrap {
    background-color: #F8F8F8;
    border-collapse: collapse;
}
.clearfix {
}
.r5 {
    border-radius: 5px 5px 5px 5px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.lb_hd {
    border-bottom: 1px solid #E9E9E9;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    position: relative;
}

.lb_title {
    color: #666666;
    font-size: 14px;
    margin: 0 5px;
}
.lb_close {
    color: #999999;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
    position: absolute;
    right: 7px;
    top: 11px;
}
.lb_bd {
    background-color: #FFFFFF;
    border-radius: 0 0 5px 5px;
    padding: 5px;
    width: auto;
}

.pub_chose {
    width: 477px;
}
.pub_chose .chose_type {
    display: inline-block;
    height: 147px;
    margin: 17px 10px 17px 30px;
    outline: 0 none;
    overflow: hidden;
    width: 187px;
}

.pub_chose .chose_type p {
    color: #010101;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    text-align: center;
}

.pub_chose .chose_type span {
    color: #999999;
    display: block;
    text-align: center;
}
.pub_chose .up_pic_wrap {
    height: 147px;
    left: 260px;
    overflow: hidden;
    position: absolute;
    width: 187px;
}

.add_pic_form .add_file {
    border: 0 none;
    font-size: 90px;
    opacity: 0;
    position: absolute;
}

.pub_chose .chose_type b {
    background: url("/img/icon-publish-bg-v4.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 43px;
    margin: 15px 0 15px 74px;
    width: 53px;
}
.pub_chose .chose_pic b {
    background-position: -80px 4px;
    margin-left: 70px;
}
.pub_goods_url {
    padding: 19px;
}
.lb_close {
    color: #999999;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
    position: absolute;
    right: 7px;
    top: 11px;
}


.pub_goods_url .g_url {
    background-color: #FFFFFF;
    border: 1px solid #CFCFCF;
    color: #BBBBBB;
    font-size: 14px;
    height: 29px;
    line-height: 29px;
    margin: 0;
    overflow: hidden;
    padding: 3px 5px;
    width: 340px;
}

.pub_goods_url .g_s {
    background: url("/img/icon-publish-bg-v4.png") repeat scroll -160px 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 37px;
    width: 74px;
}
.fl {
    display: inline;
    float: left;
}
input, textarea {
    font-size: 100%;
    margin: 0;
    outline: medium none;
    padding: 0;
    vertical-align: baseline;
}

.support_site {
    margin-top: 23px;
    width: 425px;
}

.support_site .title {
    color: #333333;
}

.support_site .support_list {
    margin-top: 10px;
}

.support_site .support_list a {
    color: #999999;
    display: inline-block;
    margin-right: 10px;
}

.pub_img_content {
    padding: 10px 0 15px 15px;
    width: 530px;
}
.pub_img_content .img_wrap {
    border: 1px solid #E8E8E8;
    height: 100px;
    margin: 0 0 10px;
    position: relative;
    width: 100px;
}

.pub_img_content .img_wrap .del {
    background: url("/img/icon-publish-bg-v4.png?v=120713") no-repeat scroll -160px -101px transparent;
    height: 18px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 18px;
}

.up_another {
    overflow: hidden;
}
.pub_img_content form {
    overflow: hidden;
    position: relative;
}

.pub_img_content .pub_info {
    margin-left: 20px;
}
.pub_top {
    margin: 0 0 10px;
}

.word_count_wrap {
    color: #939393;
    line-height: 28px;
}

.word_count_wrap .word_count {
    color: #939393;
    font-style: normal;
}

.pub_box_op .pub_txt {
    background-color: #FFFFFF;
    border: 1px solid #CFCFCF;
    color: #BBBBBB;
    height: 53px;
    overflow: hidden;
    padding: 2px 5px;
    resize: none;
    width: 310px;
}

.pub_box_op .pub_btn {
    background: url("/img/icon-publish-bg-v4.png") repeat scroll -250px 0 transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 59px;
    text-indent: -999em;
    width: 71px;
}
.pub_box_op .pub_out {
    color: #6A6F5E;
    margin-right: 8px;
}
.mt5 {
    margin-top: 5px !important;
}

.pub_box_op .pub_out input {
    line-height: 12px;
    vertical-align: -2px;
}
input, textarea {
    font-size: 100%;
    margin: 0;
    outline: medium none;
    padding: 0;
    vertical-align: baseline;
}
.pub_box_op .pub_out .share_to img {
    margin-right: 3px;
    vertical-align: -4px;
}

.pub_box_op .pub_out a {
    color: #999999;
    line-height: 120%;
    text-decoration: underline;
}

.pub_img_content .default {
    background: url("/img/icon-publish-bg-v4.png?v=120714") no-repeat scroll -340px 0 transparent;
    display: none;
    height: 102px;
    line-height: 102px;
    margin-bottom: 0;
    text-align: center;
    width: 102px;
}
.pub_img_content .add_file {
    border: 0 none;
    cursor: pointer;
    left: -90px;
    opacity: 0;
    position: absolute;
}


.light_box_fullbg {
	display:none;
    background-color: #000000;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}

</style>









<script type="text/x-jquery-tmpl" id="album_add_content_local"  >
<div class="light_box album_add_content_div" id="album_add_content_local_div" style="left: 354px; top: 0px; display: block;">
    <iframe scrolling="no" frameborder="0" class="lb_fix" style="width: 555px; height: 213px;">
    </iframe>
    <table class="lb_wrap clearfix r5">
        <tbody>
            <tr>
                <td>
                    <div class="lb_hd">
                        <span class="lb_title">
                            我要分享
                        </span>
                        <a class="lb_close" href="javascript:;">
                            ×
                        </a>
                    </div>
                    <div class="lb_bd">
                        <div class="pub_img_content clearfix">
                            <div class="img_list fl">
                                <div class="img_wrap r5">
                                    <img class="r5" src="${pic}" style="width:100px;">
                                </div>
                                <div class="default">
                                    <form enctype="multipart/form-data" class="pub_new_form" method="POST"
                                    action="/upload/addpic">
                                        <input type="hidden" value="0" name="tab">
                                        <input type="file" tab="0" hidefocus="true" name="image" class="add_file">
                                        <a class="pub_another_pic r3" href="javascript:;">
                                            上传图片
                                        </a>
                                    </form>
                                </div>
                            </div>
                            <div class="pub_info fl">
                                <div class="pub_box_op">
                                    <div class="pub_top clearfix shopping">
                                       
									   <div class="sort">
											<div class="cur" style="margin:0px 0px 5px 0px;width:138px">
												<span class="select_name">
													图片分类
												</span>
												<input type="hidden" value="" id="add_mblog_topic_id" name="add_mblog_topic_id">
												<span class="arrow">
												</span>
												<ul>
												{%section name=count loop=$yxxiu_topic_list%}
													<li style="width: 148px;" value="{%$yxxiu_topic_list[count].id%}"><a>{%$yxxiu_topic_list[count].topic%}</a></li>
												{%/section%}
												
												</ul>
											</div>
										</div>
                                       
                                    </div>
                                    <div class="pub_content clearfix"><textarea default-value="说些什么描述下这个图吧～"  class="add_mblog_local_default_content pub_txt fl rl5" id="pub_content_img"></textarea><input type="button" value="发表" pubtype="say_say" class="pub_btn fl rr5 pub_submit bind_album_add_content_local_button"
                                        id="pub_submit">
                                    </div>
                                    <div class="pub_ext clearfix">
                                        <div class="pub_out fr mt5">
                                            <input type="checkbox" id="pub_out_check" class="pub_out_check">
                                            <label for="pub_out_check">
                                                分享到
                                            </label>
                                            <span class="share_to">
                                                <img alt="同步新浪" src="/img/icon_sina.png">
                                            </span>
                                            （
                                            <a href="/settings/bind" target="_blank">
                                                设置
                                            </a>
                                            ）
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

</script>


<script type="text/x-jquery-tmpl" id="album_add_content_online"  >


<div class="light_box album_add_content_div" id="album_add_content_online_div" style="left: 394.5px; top: 0px; display: block;">
    <iframe scrolling="no" frameborder="0" class="lb_fix" style="width: 474px; height: 215px;">
    </iframe>
    <table class="lb_wrap clearfix r5">
        <tbody>
            <tr>
                <td>
                    <div class="lb_hd">
                        <span class="lb_title">
                            我要分享
                        </span>
                        <a class="lb_close" href="javascript:;">
                            ×
                        </a>
                    </div>
                    <div class="lb_bd">
                        <div class="pub_goods_url clearfix shopping">
							
							
							<div class="sort">
								<div class="cur" style="margin:0px 0px 5px 0px;width:138px">
									<span class="select_name">
										图片分类
									</span>
									<input type="hidden" value="" id="add_mblog_topic_id" name="add_mblog_topic_id">
									<span class="arrow">
									</span>
									<ul>
									{%section name=count loop=$yxxiu_topic_list%}
										<li style="width: 148px;" value="{%$yxxiu_topic_list[count].id%}"><a>{%$yxxiu_topic_list[count].topic%}</a></li>
									{%/section%}
									
									</ul>
								</div>
							</div>


                            <div class="clearfix" style="margin:0px 0px 5px 0px;">
                                <input type="text" placeholder="将图片地址粘贴到这里" default-value="将图片地址粘贴到这里" class="g_url fl album_add_content_online_pic">
                               
                            </div>
                             <div class="clearfix" style="margin:0px 0px 5px 0px;">
                                <input type="text" placeholder="图片描述" default-value="图片描述"  class="g_url fl album_add_content_online_content">
                                <input type="button" value="确定" class="g_s fl album_add_content_online_button">
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

</script>

<script type="text/x-jquery-tmpl" id="album_add_content_select"  >
<div class="light_box album_add_content_div" id="album_add_content_select_div" style="left: 388px; top: 0px; display: block;">
    <iframe scrolling="no" frameborder="0" class="lb_fix" style="width: 487px; height: 235px;">
    </iframe>
    <table class="lb_wrap clearfix r5">
        <tbody>
            <tr>
                <td>
                    <div class="lb_hd">
                        <span class="lb_title">
                            我要分享
                        </span>
                        <a class="lb_close" href="javascript:;">
                            ×
                        </a>
                    </div>
                    <div class="lb_bd">
                        <div class="pub_chose clearfix">
                            <a class="chose_goods chose_type r5" href="javascript:;">
                                <b>
                                </b>
                                <p>
                                    远程图片
                                </p>
                                <span>
                                    输入远程图片地址
                                </span>
                            </a>
                            <a class="chose_pic chose_type r5" href="javascript:;">
                                <div class="up_pic_wrap">
                                   <div class="pic_input_file_div"></div>
									
								
                                </div>
                                <b>
                                </b>
                                <p>
                                    本地图片
                                </p>
                                <span>
                                    本地图片上传
                                </span>
                            </a>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>





</script>

<div class="light_box_fullbg"></div>

<script src="/js/common/poup_album_add_content.js"></script>
<script>

$(function(){
YOUXIXIU.MAIN.AlbumAddContent.init(
{
	add_album_content_button:'.add_album_content',
	album_id : "{%$g_show.add_content_album_id%}",
	add_mblog_default_topic_id:"{%$g_show.add_mblog_default_topic_id%}"
				
});

});



</script>